<template>
  <div class="footer_wrapper">
    <div class="footer-content-container">
      <ul class="business_info">
        <li class="item_info">
          <a href="">关于我们</a>
        </li>
        <li class="item_info">
          <a href="">用户隐私政策</a>
        </li>
        <li class="item_info">
          <a href="">用户服务协议</a>
        </li>
        <li class="copy">
          <a href="">联系我们</a>
        </li>
      </ul>
      <div class=".contact_info">
        <div class="icon_box.wechat">
          <img src="../../assets/images/logo.png" style="margin: 30px" />
        </div>
      </div>
      <div>
        <p>Copyright © 2010-2022 南京爱一格网络科技有限公司 版权所有</p>
        <p>经营性许可证编号： 苏B2-20180515 苏网文〔2021〕4647-106号</p>
        <p>苏ICP备20036081号</p>
        <p>江苏公网备案 3234234231231231号</p>
      </div>
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  name: "index",
});
</script>
<script lang="ts" setup></script>
<style lang="scss" scoped>
a {
  text-decoration: none;
  color: #eaecf0;
}
.footer_wrapper {
  width: 100%;
  color: #111;
  text-align: center;
  background-color: #221f23;
  color: #b1b5c1;
  font-size: 14px;
  margin-top: 100px;
}
.footer_wrapper .footer-content-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 40px 18px;
}
.footer_wrapper .business_info {
  margin: 0 auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-padding-start: 0;
  list-style: none;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.footer_wrapper .business_info .item_info {
  border-right: 1px solid #eaecf0;
  width: calc(25% - 4px);
}
.footer_wrapper .business_info .copy {
  width: calc(25% - 4px);
}
.footer_wrapper .contact_info {
  display: flex;
  height: 200px;
  justify-content: space-between;
  width: 130px;
  margin: 28px auto 30px;
}

.footer_wrapper .icon_box.wechat {
  width: 26px;
  height: 24px;
  background-size: 100% 100%;
}
</style>
